<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <link rel="shortcut icon" href="../images/oppo.ico">
    <title>注册</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2825001_txmie4h925m.css">
    <script src="../lib/js/jquery.js"></script>
    <script src="../lib/js/ajax.js"></script>
    <script src="../lib/layer/layer.js"></script>

</head>

<body>
    <div id="head">
        <div class="con">
            <div class="help">
                帮助中心
            </div>
            <span>简体中文<i class="iconfont icon-xiasanjiaoxing"></i></span>
            <div class="language">
                <li>简体中文</li>
                <li>繁體中文</li>
                <li>English</li>
            </div>
        </div>
    </div>
    <div id="login">
        <div class="con">
            <div class="login_box">
                <h1>注册账号</h1>
                <form class="register">
                    <div class="user">
                        <input type="text" name="username" placeholder="请输入用户名">
                    </div>
                    <div class="user">
                        <input type="password" name="password" placeholder="请输入密码">
                    </div>
                    <div class="user">
                        <input type="password" name="repass" placeholder="请确认密码">
                    </div>
                    <div class="user">
                        <input type="text" name="tel" placeholder="请输入手机号码">
                    </div>
                    <div class="user">
                        <input type="text" name="email" placeholder="请输入邮箱">
                    </div>
                    <div class="checkbox">
                        <label>
                    <input type="checkbox" name="agree">已阅读并同意<span>《账号使用协议》</span>& <span>《隐私政策》</span>
                    </label>
                    </div>
                    <div class="button">
                        <button type="button" class="submit">注册</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
<script src="../js/register.js"></script>

</html>
<script>
    $('#head span').click(function() {
        $(this).next()
            .css('display', 'block')
            .find('li').mouseenter(function() {
                $(this).css('background', 'red')
                    .siblings().css('background', 'none')
            }).click(function() {
                $(this).parent().css('display', 'none').prev().html($(this).html())
            })
    })
</script>